<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="auto">
        <Lm/>
      </el-aside>
      <el-container>
        <el-header>
          <Rm/>
        </el-header>
        <el-main>
          <!-- 路由出口 -->
          <router-view/>
        </el-main>
      </el-container>
    </el-container>
  </div>

  </template>
  
  <script setup>
    //引入组件  然后在上面使用
  import Lm from "./components/LeftMenu.vue"
  import Rm from "./components/RightTop.vue"
  </script>
  <style lang="scss">
    .el-aside{
      background-color:#545c64;
    }
    .el-header{
      //background-color:gold;
    }
    .el-main{
      background-color:gainsboro;
    }
     //.el-aside,.el-container,.common-layout,#app,body,html{
      //height:100%;
        
      //}
  </style>


 